<template>
  <div class="business-wrap">
    <el-button type="primary" @click="hander">业务受理</el-button>
    <p class="dic-text-primary">自定义的全局样式类,与Element UI保持一致</p>
    <h6 class="my-text-primary">如果要在组件内使用,需要借助与cssloader</h6>
  </div>
</template>

<script>
import TempService from "@/services/TempService";
export default {
  methods: {
    hander() {
      TempService.qryOrderItem({ name: "sugar" });
    }
  }
};
</script>

<style scoped lang="scss">
.my-text-primary {
  // 不配置loader 时,局部变量时使用不了
  color: $--color-warning;
}
</style>
